<html>

	<head>
		<meta charset="utf-8">
			
		<link rel="stylesheet" href="<?php echo __PUBLIC__?>/Home/less/index.css" />
		<link rel="stylesheet" href="<?php echo __PUBLIC__?>/Home/less/bottom.css" />
		<script src="<?php echo __PUBLIC__?>/Home/js/jquery-1.8.2.min.js" ></script>
		<script type="text/javascript">
//		tab切换效果	
			$(function(){
		// 给Li加鼠标移入事件
		$('#nav .nav .right ul li').mouseover(function(){
			// 获得当前移入的li序号
			var c=$(this).index();
//			alert(c);
			// 让c号对应的div显示， 他的兄弟元素隐藏
			$('#nav .nav .right ul .tab').eq(c).show().siblings('.tab').hide();
		})
//		给li加鼠标移出效果
		$('#nav .nav .right ul li').mouseout(function(){
			$('#nav .nav .right ul .tab').hide();
		})
		
	})
//			轮播图效果
				$(function() {
				//				大总管变量
				var c = 0;
				//				自动轮播的函数
				function run() {
						c++;
						c = (c == 6) ? 0 : c;
						//					让c号图片显示，c号li变红
						$('#big .middle img').eq(c).fadeIn(300).siblings('img').fadeOut(300);
						$('#big .middle ul li').eq(c).css('background', '#B61B1F').siblings('li').css('background', '#414141');
					}
					//				设置自动轮播的定时器
				timer = setInterval(run, 1000);
//				$('#jd').hover(function(){
//					clearInterval(timer);
//				},function(){
//					timer=setInterval(run,1000)
//				})
//				
				//				给li加鼠标移入移出效果
				$('#big .middle ul li').hover(function() {
					var _this = $(this);
					//					停止定时器
					clearInterval(timer);
					t = setTimeout(function() {
						//						如果this写在定时器里，就指向定时器
						//					获得鼠标移入的li的序号
						c = _this.index();
						//					让c号图片显示，c号li变红
						$('#big .middle img').eq(c).fadeIn(300).siblings('img').stop().fadeOut(300);
						$('#big .middle ul li').eq(c).css('background', '#B61B1F').siblings('li').css('background', '#414141');
					}, 200)
				}, function() {
					//					清理定时炸弹
					clearTimeout(t);
					//					设置定时器
					timer = setInterval(run, 1000);
				})
//				给img加hover事件
				$('#big .middle img').hover(function(){
					clearInterval(timer);
				},function(){
					timer=setInterval(run,1000);
				})
			})
		</script>
		<style>
			.hover{
				color:red;
			}
		</style>
		<title>凡客</title>
	</head>

	<body>
		
		<!--载入头部-->
					<div id="top">
			<div class="nr">
				<div class="left">
					                
					<span class="welcome">您好,<a href="http://localhost/myshop/index.php?m=Home&c=Myheart&a=index">12345678901</a>!</span>
					<span class="login"style="width:140px;margin-left:-30px;">
						<a href="http://localhost/myshop/index.php?m=Home&c=Login&a=out">退出登录</a>|<a href="http://localhost/myshop/index.php?m=Home&c=Login&a=index">更换用户</a>
					</span>
										<li><a href="">我的订单</a></li> 
					<li><a href="">收藏本站</a></li>
					<li><a href="" class='red'>双十一退换货说明</a></li>

				</div>
				<div class="right">
					<li class='fanke'><a href="">我的凡客<span class='erji'>我的订单</span></a><span class='ico'>
						
					</span></li>
					<li><a href="">网站导航</a><span class='ico'></span></li>
					<li><a href="">网站导航</a><span class='ico'></span></li>
					<li><a href="">帮助中心</a><span class='ico'></span></li>
					<li><a href="">网站公告</a><span class='ico'></span></li>
					<li><a href="">手机凡客</a><span class='mobel'></span></li>
					<li><a href="">在线客服</a><span class='kefu'></span></li>
					<span class="weixin"></span>
					<span class="weibo"></span>

				</div>
			</div>
		</div>
		<div id="search">
			<div class="search">
				<div class="left">
					
				</div>
				<div class="mid">
					<form action='' method="post">
						<input type="text" name="hh" value="男士羽绒服" class='text' />
						<input type="submit" value="搜索"class='btn' />
					</form>
					<p>
						<span>热门搜索：</span>
						<a href="">衬衫</a>
					<a href="">羽绒服</a>
					<a href="">针织衫</a>
					<a href="">羊毛外套</a>
					<a href="">休闲裤</a>
					<a href="">牛仔裤</a>
					</p>
				</div>
				<div class="cart">
					<div class="top">
						<span>购物车</span>
						
					</div>
					                {
						<p><a href="http://localhost/myshop/index.php?m=Home&c=Buycar&a=index"style="color:red;line-height:25px;">你的购物车有<span style="font-size: 20px;margin:0 10px;color:#000000;">1</span>件产品</a></p>
										
						
					
				</div>
			</div>
		</div>
					<!--导航条-->
		<div id="nav">
			<div class="nav">
				<div class="left">
					全部商品分类
				</div>
				<div class="right">
					
					<ul>
												
						<li>
							<a href="http://localhost/myshop/index.php?m=Home&c=List&a=index&cid=25">男装</a>
							<div class="tab">
								<div class="tableft">
									<div class="le">
										<a href="" class="img"><img src="http://localhost/myshop/Public/Home/images/6367352-1j.jpg" alt="" /></a>
									</div>
									
									<div class="re">
										<a href="" class="kuan">男款</a>
										<span class="word">超轻羽绒服 鹅绒造 更保暖 无异味</span>
										<span class="price">￥399</span>
									</div>
									
								</div>
								
								<div class="tableft" style="border:none;">
									<div class="le">
										<a href="" class="img"><img src="http://localhost/myshop/Public/Home/images/6367352-1j.jpg" alt="" /></a>
									</div>
									
									<div class="re">
										<a href="" class="kuan">nv款</a>
										<span class="word">超轻羽绒服 鹅绒造 更保暖 无异味</span>
										<span class="price">￥399</span>
									</div>
									
								</div>
							</div>
						</li>

													
						<li>
							<a href="http://localhost/myshop/index.php?m=Home&c=List&a=index&cid=26">女装</a>
							<div class="tab">
								<div class="tableft">
									<div class="le">
										<a href="" class="img"><img src="http://localhost/myshop/Public/Home/images/6367352-1j.jpg" alt="" /></a>
									</div>
									
									<div class="re">
										<a href="" class="kuan">男款</a>
										<span class="word">超轻羽绒服 鹅绒造 更保暖 无异味</span>
										<span class="price">￥399</span>
									</div>
									
								</div>
								
								<div class="tableft" style="border:none;">
									<div class="le">
										<a href="" class="img"><img src="http://localhost/myshop/Public/Home/images/6367352-1j.jpg" alt="" /></a>
									</div>
									
									<div class="re">
										<a href="" class="kuan">nv款</a>
										<span class="word">超轻羽绒服 鹅绒造 更保暖 无异味</span>
										<span class="price">￥399</span>
									</div>
									
								</div>
							</div>
						</li>

													
						<li>
							<a href="http://localhost/myshop/index.php?m=Home&c=List&a=index&cid=27">鞋子</a>
							<div class="tab">
								<div class="tableft">
									<div class="le">
										<a href="" class="img"><img src="http://localhost/myshop/Public/Home/images/6367352-1j.jpg" alt="" /></a>
									</div>
									
									<div class="re">
										<a href="" class="kuan">男款</a>
										<span class="word">超轻羽绒服 鹅绒造 更保暖 无异味</span>
										<span class="price">￥399</span>
									</div>
									
								</div>
								
								<div class="tableft" style="border:none;">
									<div class="le">
										<a href="" class="img"><img src="http://localhost/myshop/Public/Home/images/6367352-1j.jpg" alt="" /></a>
									</div>
									
									<div class="re">
										<a href="" class="kuan">nv款</a>
										<span class="word">超轻羽绒服 鹅绒造 更保暖 无异味</span>
										<span class="price">￥399</span>
									</div>
									
								</div>
							</div>
						</li>

								
						
					</ul>
				
				</div>
			
			</div>
		</div>
	
		
		<!--大区域-->
		<div id="big">
			<div class="big">
				<div class="left">
					<?php foreach ($catedata as $v){?>
					<div class="women">
						
						<span ><a href="<?php echo U('List/index',array('cid'=>$v['cid']))?>"style="color: #B81C22;font-family: "宋体"; font-size: 14px;font-weight: 400;"><?php echo $v['cname']?></a></span>	
						<?php foreach ($v['son'] as $sv){?>
						<dd>
							<li>
								<p><a href="<?php echo U('List/index',array('cid'=>$sv['cid']))?>" class='top'><?php echo $sv['cname']?></a></p>
								
									<?php foreach ($sv['nextson'] as $nk=>$nv){?>
										<?php if($nk==0){?>
                
										<a href="<?php echo U('List/index',array('cid'=>$nv['cid']))?>"class="one"><?php echo $nv['cname']?></a>
										<?php }else{?>
										<a href="<?php echo U('List/index',array('cid'=>$nv['cid']))?>"><?php echo $nv['cname']?></a>
										
               <?php }?>
									<?php }?>
								
								</li>
						</dd>
						<?php }?>

					</div>
					<?php }?>
				</div>
				<div class="middle">
					<img src="<?php echo __PUBLIC__?>/Home/images/fanke1.jpg" style="display: block;" />
					<img src="<?php echo __PUBLIC__?>/Home/images/fanke2.jpg"  alt="" />
					<img src="<?php echo __PUBLIC__?>/Home/images/fanke3.jpg" alt="" />
					<img src="<?php echo __PUBLIC__?>/Home/images/fanke4.jpg"  alt="" />
					<img src="<?php echo __PUBLIC__?>/Home/images/fanke5.jpg"  alt="" />
					<img src="<?php echo __PUBLIC__?>/Home/images/fanke6.jpg"  alt="" />
					<ul>
						<li style="background: #B61B1F;">1</li>
						<li>2</li>
						<li>3</li>
						<li>4</li>
						<li>5</li>
						<li>6</li>
					</ul>
				</div>
				<div class="right">
					<img src="<?php echo __PUBLIC__?>/Home/images/ycxt.jpg" alt="" class='ycxt' />
					<img src="<?php echo __PUBLIC__?>/Home/images/100zhi.jpg" alt="" />
				</div>
			</div>

		</div>
		<!--当季推荐-->
		<div id="now_recomen">
			<div class="now_recomen">
				<h2>当季推荐</h2>
				<img src="<?php echo __PUBLIC__?>/Home/images/nnnlm.jpg" alt="" />
				<img src="<?php echo __PUBLIC__?>/Home/images/nnnlm.jpg" alt="" />
				<img src="<?php echo __PUBLIC__?>/Home/images/nnnlm.jpg" alt="" />
				<img src="<?php echo __PUBLIC__?>/Home/images/nnnlm.jpg" alt="" />
				<img src="<?php echo __PUBLIC__?>/Home/images/nnnlm.jpg" class='end' alt="" />
				<img src="<?php echo __PUBLIC__?>/Home/images/nnnlm.jpg" alt="" />
				<img src="<?php echo __PUBLIC__?>/Home/images/nnnlm.jpg" alt="" />
				<img src="<?php echo __PUBLIC__?>/Home/images/nnnlm.jpg" alt="" />
				<img src="<?php echo __PUBLIC__?>/Home/images/nnnlm.jpg" alt="" />
				<img src="<?php echo __PUBLIC__?>/Home/images/nnnlm.jpg" class='end' alt="" />
			</div>
		</div>
		<div id="waist">
			<div class="waist">
				<h2>上装</h2>
				<img class='big' src="<?php echo __PUBLIC__?>/Home/images/fhruwjakd.jpg" alt="" />
				<img class='big' src="<?php echo __PUBLIC__?>/Home/images/fhruwjakd.jpg" alt="" />
				<img src="<?php echo __PUBLIC__?>/Home/images/fkmxsm.jpg" alt="" class='end' />
				<img src="<?php echo __PUBLIC__?>/Home/images/nnnlm.jpg" alt="" />
				<img src="<?php echo __PUBLIC__?>/Home/images/nnnlm.jpg" alt="" />
				<img src="<?php echo __PUBLIC__?>/Home/images/nnnlm.jpg" alt="" />
				<img src="<?php echo __PUBLIC__?>/Home/images/nnnlm.jpg" alt="" />
				<img src="<?php echo __PUBLIC__?>/Home/images/fkmxsm.jpg" alt="" class='end' />

			</div>
		</div>
		<div id="pants">
			<div class="pants">
				<h2>下装</h2>
				<img class='big' src="<?php echo __PUBLIC__?>/Home/images/fhruwjakd.jpg" alt="" />
				<img class='big' src="<?php echo __PUBLIC__?>/Home/images/fhruwjakd.jpg" alt="" />
				<img src="<?php echo __PUBLIC__?>/Home/images/fkmxsm.jpg" alt="" class='end' />
				<img src="<?php echo __PUBLIC__?>/Home/images/nnnlm.jpg" alt="" />
				<img src="<?php echo __PUBLIC__?>/Home/images/nnnlm.jpg" alt="" />
				<img src="<?php echo __PUBLIC__?>/Home/images/nnnlm.jpg" alt="" />
				<img src="<?php echo __PUBLIC__?>/Home/images/nnnlm.jpg" alt="" />
				<img src="<?php echo __PUBLIC__?>/Home/images/fkmxsm.jpg" alt="" class='end' />
			</div>
		</div>
		<div id="more">
			<div class="more">
				<h2>更多精品</h2>
				<img src="<?php echo __PUBLIC__?>/Home/images/shuiximian.jpg" alt="" />
				<img src="<?php echo __PUBLIC__?>/Home/images/shuiximian.jpg" alt="" />
				<img src="<?php echo __PUBLIC__?>/Home/images/shuiximian.jpg" alt="" />
				<img src="<?php echo __PUBLIC__?>/Home/images/shuiximian.jpg" alt="" />
				<img src="<?php echo __PUBLIC__?>/Home/images/shuiximian.jpg" alt="" class='end' />
			</div>

		</div>
		<!--公共部位-->
		<!--载入结尾-->
		<!--关于凡客-->
		<div id="vancl">
			<div class="vancl">
				<ul>
					<li>
						<h2>关于凡客</h2></li>
					<li><a href="">公司简介</a></li>
					<li><a href="">联系我们</a></li>
					<li><a href="">友情链接</a></li>
				</ul>

				<ul>

					<h2>新手指南</h2>
					<li><a href="">账户注册</a></li>
					<li><a href="">购物流程</a></li>
					<li><a href="">网站地图</a></li>
					<li><a href="">商家入驻</a></li>
				</ul>

				<ul>

					<h2>配送范围及时间</h2>
					<li><a href="">国内配送</a></li>
					<li><a href="">订单拆分</a></li>
				</ul>

				<ul>

					<h2>支付方式</h2>
					<li><a href="">货到付款</a></li>
					<li><a href="">在线支付</a></li>
					<li><a href="">礼品卡及账户余额</a></li>
					<li><a href="">其他支付方式</a></li>
				</ul>

				<ul>

					<h2>售后服务</h2>
					<li><a href="">退换货政策</a></li>
					<li><a href="">退换货办理流程</a></li>
					<li><a href="">退换货网上办理</a></li>
					<li><a href="">退款说明</a></li>
					<li><a href="">调查问卷</a></li>
				</ul>

				<ul class='end'>

					<h2>帮助中心</h2>
					<li><a href="">在线客服</a></li>
					<li><a href="">找回密码</a></li>
					<li><a href="">隐私声明</a></li>
				</ul>
				
			</div>
			<div class='bj'>
				<dd><a href=""class='one'></a></dd>
				<dd><a href=""class='two'></a></dd>
				<dd><a href=""class='three'></a></dd>
				<dd><a href=""class='four'></a></dd>
		</div>
		</div>
		</div>
		<!--底部-->
		<div id="bottom">
			<div class="bottom">
				<p>Copyright 2007 - 2015 vancl.com All Rights Reserved 京ICP证100557号 京公网安备11011502002400号 出版物经营许可证新出发京批字第直110138号</p>
				<ul>
					<li><a href=""class='one'></a></li>
					<li><a href=""class='two'></a></li>
					<li><a href=""class='three'></a></li>
<li><a href=""class='four'></a></li>

<li><a href=""class='five'></a></li>
<li><a href=""><img src="http://localhost/myshop/Public/Home/images/kexin_brand_for_others.png" alt="" /></a></li>

				</ul>
			</div>
		</div>
	
</body>

</html>